<div class="collectionDetail">
  <div class="message">
    <div class="picture">
      <img *ngIf="collectionDetail.Url" [src]="collectionDetail.Url" />
    </div>
    <div class="collectionName">{{collectionDetail.name}}</div>
    <div class="author">
      <div></div>
      {{collectionDetail.issuer}}
    </div>
    <div class="price">￥{{collectionDetail.price}}</div>
    <div class="transfer">
      <button (click)="submit()">
        转赠
      </button>
    </div>
    <div class="chainMessage">
      <div>认证信息</div>
      <div>
        <div>
          <span class="label">资产编码:</span><span class="content" style="color: #ffbf00;">{{ collectionId.slice(0, 8) +
            '...' + collectionId.slice(-8) }}
            <i id="copy" class="icon-copy" (click)="copyId(collectionId)" style="cursor: pointer"></i></span>
        </div>
        <div>
          <span class="label">认证网络：</span><span class="content" style="cursor: pointer"
            (click)="verifyCollections()">华为云数字资产链</span>
        </div>
      </div>
    </div>
  </div>
  <div class="otherMsg">
    <div class="collectionIntro">
      <div>作品简介</div>
      <div>{{collectionDetail.description}}</div>
    </div>
    <div class="collectionIntro">
      <div>转赠注意事项</div>
      <div>只可向已实名认证，且已在数字资产链上注册的用户进行转赠。</div>
    </div>
  </div>
</div>
